<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="../css/style.css" type="text/css">
    <script src="../js/index.js"></script>
    <script src="../js/jquery-3.4.1.min.js"></script>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"></head>
</head>

<body style="background-image:url(../images/11.jpg)">
    <div class="home">
        <div class="all-title">
            <h2>
                <a href="../html/index.html">熬迪卡影院</a>
            </h2>
            <span id="nowTime">
            </span>
            <div class="login-register">
            	<span>
                	<a href="index.html">主页</a>
                </span>
                <span>
                    <a href="../html/login.html">
                        会员登陆
                    </a>
                </span> 
            </div>
        </div>
        <div class="login-box register-box">
            <h2>会员注册</h2>
            <div class="demo-box">
                <div class="demo">
                    <div class="list">
                        <span>
                            手&#8194机&#8194号
                        </span>
                        <input type="text" id="phone">
                    </div>
                    <div class="error error_phone">
                        请输入正确的手机号
                    </div>
                </div>
                <div class="demo">
                    <div class="list">
                        <span>
                            验&#8194证&#8194码
                        </span>
                        <input type="text">
                    </div>

                </div>
                <div class="demo">
                    <div class="list">
                        <span>
                            密&#8195&#8195码
                        </span>
                        <input type="password" id="pass">
                    </div>
                    <div class="error error_pass">
                        以字母开头，长度在6~18之间，只能包含字母、数字和下划线
                    </div>
                </div>
                <div class="demo">
                    <div class="list">
                        <span>
                            确认密码
                        </span>
                        <input type="password" id="repass">
                    </div>
                    <div class="error error_repass">
                        密码不一致 请重新输入
                    </div>
                </div>
                <div class="demo">
                    <div class="list">
                        <span>
                            性&#8195&#8195别
                        </span>
                        <input type="radio" name="sex" id="">男
                        <input type="radio" name="sex" id="">女
                    </div>
                    <div class="error">
                        密码格式不正确
                    </div>
                </div>
                <div class="demo demo-text">
                    <div class="list">
                        <span>
                            意&#8195&#8195见
                        </span>
                        <textarea name="" id="" cols="" rows=""></textarea>
                    </div>
                    <div class="error">
                        密码格式不正确
                    </div>
                </div>
				<style type="text/css">
				#mybtn{background:red;border:none:#FFFFFF}
				</style>
                <div class="demo-login">
                    <button type="button" id="mybtn" >同意以下协议并注册</button>
                </div>
				<div>
					<h2>
					<a href="list1.html" target="_blank" style="font-size:14px; color:#3399FF;">《熬迪卡会员用户注册协议》</a>
            		</h2>
					<h2>
					<a href="list2.html" target="_blank" style="font-size:14px; color:#3399FF;">《会员服务协议》</a>
            		</h2>
					<h2>
					<a href="list3.html" target="_blank" style="font-size:14px; color:#3399FF;">《隐私条款》</a>
            		</h2>
					<h2>
					<a href="list4.html" target="_blank" style="font-size:14px; color:#3399FF;">《免责声明》</a>
            		</h2>
            	</div>
			</div>
    	</div>
	</div>
	<div id="footer">
		<p>COPY RIGHT &copy; 2020 熬迪卡文化传媒有限公司 最佳浏览效果推荐IE7以上浏览器</p>
	</div>
</body>

</html>